applescript
on input debounced at 200ms 
  add .btn-disabled to the #submitButton
  for field in <[data-initalValue]/> in me
    if the field's @data-initialValue is not equal to the field's value then
      remove .btn-disabled from the #submitButton then exit

< ... />

is not equal to the

is not the

behavior validateForm
    on click or change or input
        set validated to my.checkValidity()
        if validated tell the first <button[type='submit']/> in me remove [@disabled] end
        else tell the first <button[type='submit']/> in me add [@disabled] end
    end
end

setCustomValidity()

data-initialValue

validateForm

hx-trigger

hidden.bs.modal

function hasFormChanged(form) {
                // Get all controls 
                const controls = form.querySelectorAll("input, textarea, select");

                // Initialize flag
                let changed = false;

                // Loop through
                controls.forEach(control => {
                    // Ignore controls that are disabled or readonly
                    if (control.disabled || control.readOnly) {
                    return;
                    }

                    if (control.type === "checkbox" || control.type === "radio") {
                    // For checkboxes and radio buttons, compare checked state to defaultChecked state
                    if (control.checked !== control.defaultChecked) {
                        changed = true;
                    }
                    } else if (control.tagName === "SELECT") {
                    // For select elements, compare selected options to defaultSelected options
                    const selectedOptions = Array.from(control.options).filter(option => option.selected);
                    const defaultSelectedOptions = Array.from(control.options).filter(option => option.defaultSelected);

                    if (selectedOptions.length !== defaultSelectedOptions.length) {
                        changed = true;
                    } else {
                        for (let i = 0; i < selectedOptions.length; i++) {
                        if (selectedOptions[i] !== defaultSelectedOptions[i]) {
                            changed = true;
                            break;
                        }
                        }
                    }
                    } else {
                    // For all other form controls, compare current value to defaultValue
                    if (control.value !== control.defaultValue) {
                        changed = true;
                    }
                    }
                });

                return changed;
            }